<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全功能博客</title>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/woniunote.css') }}">

    <script type="text/javascript" src="{{ url_for('static', filename='js/jquery.slim.min.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='ue/ueditor.config.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='ue/ueditor.all.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='ue/lang/zh-cn/zh-cn.js') }}"></script>

    <script type="text/javascript">

	    var ue = UE.getEditor('container',{
	        initialFrameHeight:400,
            autoHeightEnabled:false
        });

	</script>
     <meta name="viewport" content="width=device-width,initial-scale=1,user-scalabel=no"/>
   <style>
        .row div {
            border: solid 0px red;
        }

        body {
            background-color: #eeeeee;
        }

        @media (min-width: 1300px) {
            .container {
                max-width: 1300px;
            }
        }

        .header {
            border-top: solid 3px black;
        }

        .menu {

            background: #0f6674;
        }

        .menu .menu-bar a:link {
            color: white;
        }

        .article-list .detail {
            padding: 0px 10px;
        }

        .article-list .thumb {
            margin: 0px;
            padding: 2px 10px 0 0;
        }

        .article-list .detail .title {
            font-size: 22px;
            color: #e56244;
            margin-bottom: 10px;
        }

        .article-list .detail .info {
            font-size: 14px;
            color: #666666;
            margin-bottom: 10px;
        }

        .article-list .detail .intro {
            font-size: 16px;
            word-break: break-all;
            word-wrap: break-word;
            line-height: 25px;
        }

        .search-bar {
            margin: 0px;
            border: solid 1px #cccccc;
            padding: 10px 0px;
            background-color: #0f6674;
        }

        .form-control {
            display: block;
            width: 100%;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }
    </style>
    <div class="menu">
    <div class="container" style="padding: 0">
        <nav class="navbar navbar-expand-lg navbar-dark menu-bar" style="background-color: #0f6674">
            <a class="navbar-brand" href="#">快捷导航</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <div class="navbar-nav">
                    <a class="nav-item nav-link" href="/tpye/1-1">python开发</a>
                    <a class="nav-item nav-link" href="/tpye/1-2">java开发</a>
                    <a class="nav-item nav-link" href="/tpye/1-3">测试开发</a>
                    <a class="nav-item nav-link" href="/tpye/1-4">前端学习</a>
                </div>
                <div class="navbar-nav ml-auto">
                    <a class="nav-item nav-link" href="#">登录</a>
                    <a class="nav-item nav-link" href="#">注册</a>
                    <a class="nav-item nav-link" href="#">用户中心</a>
                </div>
            </div>
        </nav>
    </div>
</div>

</head>
<body>

<div class="container">
    <div class="row">
        <div class="col-12">文章标题
            <input type="text" class="form-control">
        </div>
        <div class="col-12" >
            <script id="container"   name= "content" type="text/plain"> 输入内容</script>
        </div>
    </div>
</div>

    <div class="container-fluid" style="height: 100px;border: solid 2px silver ">
    <div class="container">
        <div class="row">
            <div class="col-4 left">
                <p>版权所有 &copy; 蜗牛笔记 (V-1.0)</p>
                <p>备案号： 蜀ICP备15014130号</p>
            </div>
            <div class="col-4 center">
                <p>友情链接</p>
                <p><a href="http://www.woniuxy.com/" target="_blank">在线课堂</a>&nbsp;&nbsp;&nbsp;
                    <a href="http://www.woniuxy.com/live" target="_blank">直播课堂</a>&nbsp;&nbsp;&nbsp;
                    <a href="http://www.woniuxy.com/train/index.html" target="_blank">培训中心</a>&nbsp;&nbsp;&nbsp;
                    <a href="http://www.aduobi.com/" target="_blank">UI设计学院</a>
                </p>
            </div>
            <div class="col-4 right">
                <p>联系我们</p>
                <p>成都★孵化园&nbsp;&nbsp;&nbsp;QQ/微信：15903523</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>